<script language="javascript" type="text/javascript">
function verificaHashTag(texto) {
    var posicaoInicial = 0;
    var caracteres = texto.split(" ");//quebra o texto em palavras
    document.getElementById("destaque").innerHTML = "";//limpa a tag
    for (var i = 0; i < caracteres.length; i++) {//pega o tamanho do vetor de palavras
        if (caracteres[i].substring(0, 1).search("#") != -1) {//caso a palavra possua no inicio "#"  ela adiciona uma tag a com o nome
            document.getElementById("destaque").innerHTML =
                    document.getElementById("destaque").innerHTML +
                    " <a onclick = \"pesquisaHashTag('" + caracteres[i] + "');\">" + caracteres[i] + "</a>";
        }
    }
}
/**
 * Pesquisa um texto entre as postagens por meio de uma requisição para um arquivo php, e modifica
 * a pagina automaticamente após o retorno.
 * @param {type} str
 */
function pesquisaHashTag(str)
{
    if (str.length == 0)
    {
        document.getElementById("principal").innerHTML = "";
        return;
    }
    if (window.XMLHttpRequest)
    {// codigo parar IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else
    {// codigo para IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function()
    {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200)
        {
            document.getElementById("principal").innerHTML = xmlhttp.responseText;
        }
    }
    str = retiraCaractere(str,"#");//retira o #da palavra
    xmlhttp.open("GET", '../controller/consultahash.php?q='+str, true);//abre o arquivo
    xmlhttp.send();//,manda requisição
}
</script>
<form name="postagem" action ="../controller/postar.php" method="POST">
    <div id="info">
        <textarea name="descricao" cols="50" rows="3" style="width: 100%" onkeypress="verificaHashTag(this.value)"></textarea><br/>
        <input  type="submit" value="Postar"></br>
        Destaque da Mensagem: <b id="destaque"></b>
    </div>
</form>
